<template>
    <div>
        <zi :data="data" />
        <!-- <zizujian :data="data" /> -->
        <div>
            <Tree :option="param" ref="demo" @loadDataSuccess="loadDataSuccess"></Tree>
        </div>
    </div>
</template>


<script>
import zi from './zi'
import axios from 'axios'

export default {
    name:"fu",
    data() {
        return {
            data:'',
            param: {
                keyName: 'id',
                parentName: 'parent',
                titleName: 'title',
                dataMode: 'list',
                getTotalDatas: (resolve) => {
                    setTimeout(() => {
                        // param中的dataMode同样对这里的数据有效
                        let list = [
                            { id: 1, title: '一级' },
                            { id: 2, title: '二级' },
                            { id: 3, title: '三级', disabled: true },
                            { id: 10, title: '一级-0', parent: '1' },
                            { id: 11, title: '一级-1', parent: '1' },
                            { id: 12, title: '一级-2', parent: '1' },
                            { id: 13, title: '一级-3', parent: '1' },
                            { id: 14, title: '一级-4', parent: '1' },
                            { id: 20, title: '二级-0', parent: '2' },
                            { id: 21, title: '二级-1', parent: '2' },
                            { id: 22, title: '二级-2', parent: '2' },
                            { id: 23, title: '二级-3', parent: '2' },
                            { id: 24, title: '二级-4', parent: '2' },
                            { id: 30, title: '三级-0', parent: '3' },
                            { id: 31, title: '三级-1', parent: '3' },
                            { id: 32, title: '三级-2', parent: '3' },
                            { id: 33, title: '三级-3', parent: '3' },
                            { id: 34, title: '三级-4', parent: '3' }
                        ];
                        resolve(list);
                    }, 1000);
                }
            }
        }
    },
    components:{
        zi
    },
    methods:{
        get_info(){
            axios.get("http://127.0.0.1:8000/comment/").then(res=>{
                var mytree = {"id":0,"content":""}
                mytree["childlist"] = res.data.data
                this.data= mytree
            })
        },
        loadDataSuccess() {
            this.$Message.success('数据加载成功');
        },
    },
    created(){
        this.get_info()
    },
}
</script>